<template>
	<view class="equipment_item" @click="godetail">
		<image :src="imgUrl" mode=""></image>
		<view class="cn_name">
			{{ cn_name }}
		</view>
		<view class="en_name">
			{{ en_name }}
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			id: {
				type: Number,
				default: 1
			},
			imgUrl: {
				type: String,
				default: 'https://img1.baidu.com/it/u=2710935214,1722137119&fm=253&fmt=auto&app=138&f=JPEG?w=554&h=346'
			},
			cn_name: {
				type: String,
				default: '我在第五层'
			},
			en_name: {
				type: String,
				default: 'as you thought'
			}
		},
		data() {
			return {

			}
		},
		methods: {
			godetail() {
				this.$emit('equipmentclick')
			}
		}
	}
</script>

<style lang="less">
	.equipment_item {
		width: 340rpx;
		height: 210rpx;
		margin: 15rpx 0;
		text-align: center;
		box-shadow: 0 1px 2px rgb(150, 150, 150, .3);
		border-radius: 10rpx;

		image {
			width: 80rpx;
			height: 80rpx;
			margin-top: 10rpx;
		}

		.cn_name {
			font-size: 36rpx;
			margin-top: 10rpx;
			letter-spacing: 5rpx;
		}

		.en_name {
			margin-top: 5rpx;
			font-size: 30rpx;
			color: #999;
		}
	}
</style>
